/*
 * StrayBirds's main css file
 * 
 * This file include GLYPHICONS FREE:
 * -------------------------------------------
 * LICENSE
 * -------------------------------------------
 * GLYPHICONS FREE are released under the Creative Commons Attribution 
 * 3.0 Unported (CC BY 3.0). The GLYPHICONS FREE can be used both commercially 
 * and for personal use, but you must always add a link to GLYPHICONS.com in 
 * a prominent place (e.g. the footer of a website), include the CC-BY license 
 * and the reference to GLYPHICONS.com on every page using icons.
 *
 * All icons are provided "as they are" without a warranty of any kind, 
 * either expressed or implied. I am not liable for any damages coused of 
 * any defects in this icon set. All logos and trademarks in social icons 
 * are the property of the respective trademark owners. 
 * 
 */

/*
 * This will delay the page drastically
@font-face {
    font-family: "wqy-microhei";
    
    src: url("/assets/fonts/wqy-microhei.ttf"),
         url("/assets/fonts/wqy-microhei.ttc");
}*/

body {
    background-color: #333;
    color: #D6DBDF;
    font-family: 
        Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    height: 100%;
}

.container {
    min-height: 100%;
    position: relative;
}


header {
    height: 100px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.github-src {
    position: relative;
    left: 600px;
    top: 20px;
}

article {
    background-color: #444;
    width: 1000px;
    margin: 0px 300px 0px 250px;
    padding: 10px 40px 10px 40px;
    font-size: 120%;
}

.comments {
    width: 1080px;
    margin: 0px 300px 0px 250px;
    padding: 10px 0px 10px 0px;
}

aside {
    width: 200px;
    height: 700px;
    font-size: 120%;
}

#left-side {
    float: left;
}

#right-side {
    float: right;
}

footer {
    height: 20px;
    width: 100%;
    clear: both;
    text-align: center;
    margin: 20px 0px 10px 0px;
}

a {
    color: #08c;
    text-decoration: none;
}

li {
    margin-top: 5px;
}

.post-list li {
    margin-top: 10px;
    list-style: none;
}

.post-title {
    font-size: 200%;
    margin: 10px;
}

.post-info {
    margin: 10px;
}

.post-info ol {
    padding-left: 10px;
    width: 100%;
    height: 20px;
}

.post-info ol li {
    width: 250px;
    margin-top: 0px;
    margin-right: 10px;
    list-style-type: none;
    float: left;
    font-size: 120%;
}

.post-info ol li.post-time {
    background:
        url('/assets/images/glyphicons_045_calendar.png')
        no-repeat
        left
        center;
    padding-left: 30px;
}

.archive-list li{
    line-height: 30px;
}

.archive-list li {
    background:
        url('/assets/images/glyphicons_045_calendar.png')
        no-repeat
        left
        center;
    width: 120px;
    line-height: 30px;
    padding-left: 30px;
}

.post-info ol li.post-category {
    background:
        url('/assets/images/glyphicons_440_folder_closed.png')
        no-repeat
        left
        center;
    padding-left: 30px;
}

.category-list li {
    background:
        url('/assets/images/glyphicons_440_folder_closed.png')
        no-repeat
        left
        center;
    padding-left: 30px;
}


.post-preview {
    margin: 50px 20px 70px 20px;
}

aside li {
    margin-left: 30px;
    line-height: 40px;
    list-style: none;
}

aside ul.category-list li {
    width: 140px;
 }

aside ul.archive-list li {
    width: 130px;
}

aside li:hover {
    background-color: #444;
    transition: 0.5s;
}

aside ul.category-list li:hover {
    width: 140px;
}

aside ul.archive-list li:hover {
    width: 130px;
}

aside li a:before {
    content: "";
    display: inline;
}

aside li a {
    width: 100%;
    height: 100%;
    margin: 0px;
    display: block;
}

aside ul {
    padding-left: 10px;
}

img {
    max-width: 100%;
}

.highlight pre{
    padding: 10px;
}

blockquote {
    margin: 0px;
    padding: 10px;
    color: #fff;
    background-color: #333;
}

blockquote p {
    margin: 0px;
}


.pagination {
    text-align: center;
}

p code {
    background-color: #333;
    padding: 3px;
}


table, th, td {
    border: 2px solid #D6DBDF;
    border-collapse: collapse;
    padding: 5px;
}
